<template>
  <div>
    <div class="demo-inner-divider">基本</div>
    <demo-size />
    <div class="demo-inner-divider">多选</div>
    <demo-multiple />
    <div class="demo-inner-divider">带搜索</div>
    <demo-search />
    <div class="demo-inner-divider" style="margin: 20px 0px 10px;">分组</div>
    <demo-group />
    <div class="demo-inner-divider" style="margin: 20px 0px 10px;">远程搜索</div>
    <demo-remote />
    <div class="demo-inner-divider" style="margin: 20px 0px 10px;">远程搜索默认值</div>
    <demo-remoteDefault />
    <div class="demo-inner-divider" style="margin: 20px 0px 10px;">创建条目</div>
    <demo-icon />
    <div class="demo-inner-divider" style="margin: 20px 0px 10px;">自定义选项</div>
    <demo-create />
    <select-md class="markdown-body"></select-md> 
  </div>
</template>
<script>
import DemoSize from './size'
import DemoMultiple from './multiple'
import DemoSearch from './search'
import DemoGroup from './group'
import DemoIcon from './icon'
import DemoRemote from './remote'
import DemoRemoteDefault from './remoteDefault'
import DemoCreate from './create'
import selectMd from '../../../docs/select.md';
export default {
  name: 'DemoSelect',
  components: {
    DemoSize,
    DemoMultiple,
    DemoSearch,
    DemoCreate,
    DemoGroup,
    DemoIcon,
    DemoRemote,
    DemoRemoteDefault,
    selectMd
  }
}
</script>
<style lang="less">
.markdown-body {
  margin-top: 20px;
}
</style>